<template>
    <div>
      <div class="nav">
        <router-link tag="i" to="/" class="iconfont bg">&#xe6d8;</router-link>
        <p>城市选择</p>
      </div>
    </div>
</template>
<script>
export default {
    name:"CityHead"
}
</script>
<style lang="scss" scoped>
.nav{
    width:100%;
    height: 88px;
    position: fixed;
    top:0;
    left:0;
    z-index: 100;
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: 1px solid #fff;
    background-color: #00bcd4;
    color: #fff;
    p{
        font-size: 30px;
    }
}
   .bg{
        left:0;
        position: absolute;
        top:50%;
        transform:translateY(-50%);
       font-size: 40px;
    }
</style>
